import React from 'react'
import '../../asset/css/merchantInfo/evaluate.css'
class Evaluate extends React.Component{
    render(){
        return(
            <div className="evaluate">
                <div className="score">
                    <div className="show_score">4.9</div>
                    <div className="score_start">
                        <span>商家评分</span>
                        <i><img src={require('../../asset/img/star.png')} alt=""/></i>
                    </div>
                    <div className="test">
                        <span>味道</span>
                        <span>4.9</span>
                    </div>
                    <div className="test">
                        <span>包装</span>
                        <span>4.9</span>
                    </div>
                    <div className="test">
                        <span>配送</span>
                        <span>4.9</span>
                    </div>          
                </div>
        <div className="nextContent">
            <div className="calssify">
                <ul>
                    <li>全部</li>
                    <li>最新</li>
                    <li>好评2066</li>
                    <li>差评66</li>
                    <li>有图226</li>
                    <li>味道好66</li>
                    <li>不好吃55</li>
                    <li>包装精美33</li>
                    <li>质量一般13</li>
                </ul>
            </div>
    
            <div className="sho_content">
                <span></span>
                <p>只看有内容的评价</p>
            </div>
            <div className="userEvalue">
                <div className="img">
                    <img src={require('../../asset/img/avatar.jpg')} alt=""/>
                </div>
                <div className="userInfo_j">
                    <p>
                        <span>Frank2233</span>
                        <small>2019-3-27</small>
                    </p>
                    <p>
                        <img src="" alt=""/>
                        <span>超赞</span>
                    </p>
                    <p>
                        商家回复：亲爱的顾客，感谢您选择品尝本店的美食，
                        谢谢您认可我们的口味和服务，
                        我们会继续努力，为您提供更好的服务。祝您生活愉快！
                   </p>
                   <p>
                       <img src={require('../../asset/img/h_13.png')} alt=""/>
                   </p>
                </div>
            </div>
    
            <div className="userEvalue">
                <div className="img">
                    <img src={require('../../asset/img/avatar.jpg')} alt=""/>
                </div>
                <div className="userInfo_j">
                    <p>
                        <span>Frank2233</span>
                        <small>2019-3-27</small>
                    </p>
                    <p>
                        <img src="" alt=""/>
                        <span>超赞</span>
                    </p>
                    <p>
                        商家回复：亲爱的顾客，感谢您选择品尝本店的美食，
                        谢谢您认可我们的口味和服务，
                        我们会继续努力，为您提供更好的服务。祝您生活愉快！
                   </p>
                   <p>
                       <img src={require('../../asset/img/h_13.png')} alt=""/>
                   </p>
                </div>
            </div>
    
            <div className="userEvalue">
                <div className="img">
                    <img src={require('../../asset/img/avatar.jpg')} alt=""/>
                </div>
                <div className="userInfo_j">
                    <p>
                        <span>Frank2233</span>
                        <small>2019-3-27</small>
                    </p>
                    <p>
                        <img src="" alt=""/>
                        <span>超赞</span>
                    </p>
                    <p>
                        商家回复：亲爱的顾客，感谢您选择品尝本店的美食，
                        谢谢您认可我们的口味和服务，
                        我们会继续努力，为您提供更好的服务。祝您生活愉快！
                   </p>
                   <p>
                       <img src={require('../../asset/img/h_13.png')} alt=""/>
                   </p>
                </div>
            </div>
          </div>
        </div>
          
        )
    }
   
}


export default  Evaluate;